اولين زبان نشانه گذاري رسمي وب، HTML (Hyper text markup language) بود که در سال 1989 ميلادي توسط Tim Beers-Lee ابداع شد. تقريبا تمام وبسايت هاي دنيا به نحوي از زبان HTML براي نمايش هم زمان متن، تصوير، انيميشن، فيلم و صدا بهره ميگيرند. اين زبان تحت نظارت و قيوميت کنسرسيوم جهاني وب (با عنوان w3c يا world wide web consortium) قرار دارد و در خلال طراحی دهه گذشته چندين بار بازبيني و به روز شده است و اکنون از نسخه 4 آن استفاده مي شود. براي کسب آگاهي از توصيف دقيق اين زبان مي توانيد به آدرس www.w3c.org مراجعه کنيد.

اولين قدم براي طراحي وبسايت

صفحات HTML متون غني شده اي هستند که مولفه ها و اشياي موجود در يک سند را به صورت صفحه آرايي شده و سازمان يافته، توصيف کرده و در اختيار کاربر قرار مي دهند. بزرگترين حسن اين صفحات آن است که به کاربر اين امکان را مي دهند که به سادگي به صفحه ي ديگري دسترسي پيدا کند. به گونه اي که مي توان توده اي انبوه از اطلاعات خام را به صورت سلسله مراتبي و سطح بندي شده در اختيار علاقه مندان قرار داد.

زبان HTML زباني مانند پاسکال، بيسيک و يا C نيست بلکه روشي است که به واسطه ي آن مي توان متون خالص و معمولي را صفحه آرايي کرده و عواملي مثل صدا، تصوير، فهرست هاي انتخاب و عناصر ورود اطلاعات را به يک سند اضافه کرد.

وقتي قرار است اين اجتماع رنگارنگ و ناسازگار بر سر سفره جهاني وب بنشينند بايستي زباني مشترک براي تدوين و تبادل اطلاعات و اسناد داشته باشند. به گونه اي که اين تفاوت ها و ناسازگاري ها احساس نشود

HTML مجموعه اي از برچسب هاي خاص صفحه آرايي، عوامل و اشيا ورود و خروج اطلاعات است. برچسب هاي درون متن که به تگ يا tag مشهور هستند توسط مرورگر تشخيص داده شده و پس از تفسير، صورت ظاهري سند و نمايش متن را تحت تاثير قرار مي دهند. برچسب هاي HTML با علامت < > از متن اصلي متمايز مي شوند. عملي که هر برچسب انجام مي دهد در درون  <>مشخص مي شود. تاثير عمل هر برچسب به شکل <…> با برچسب ديگري به شکل </…> لغو مي شود.

اولين قدم براي طراحي وبسايت

به عنوان مثال متن ساده Hello Tebyan را در نظر بگيريد. با برچسب هاي <I><B>Hello Tebyan</B></I> مي توان مرورگر را وادار کرد تا متن را به صورت پر رنگ و ايتاليک به صورت Hello Tebyan نمايش دهد. 

در واقع برچسب <B> ميگويد که متني که ميان <B>…</B> قرار گرفته را Bold يا پررنگ بکن و متني که درون <I>…</I> قرار گرفته را به شکل ايتاليک در بيار. حال چون متن Hello Tebyan در بين هر دو تگ قرار دارد هر دو تگ بر متن اعمال مي شود و متن به صورت نهايي گفته شده تبديل مي شود.

 

براي نوشتن يک فايل HTML نياز به هيچ برنامه خاصي نداريد. مي توانيد به سادگي متن مورد نظر را با تگ هايي که ميخواهيد در يک ويرايشگر متني ساده مثل Notepad با پسوند .html ذخيره کنيد.

کسي که با برچسب هاي HTML آشنا باشد به طراحی  راحتي مي تواند با يک ويرايشگر ساده صفحه وب مورد نظر خود را ايجاد و سازماندهي کند وليکن براي سرعت بخشيدن به روال طراحي صفحات و انعطاف پذيري بيشتر، نرم افزارهاي گوناگوني براي توليد صفحات وب به بازار عرضه شده است.

 

DHTML: HTML پويا

زبان نشانه گذاري DHTML در حقيقت نسخه مبتني بر شي (object) از HTML است. در اين زبان نشانه گذاري، قابليت هاي جديدي تعريف شده که بر اساس آن مي توان کنترل بيشتري بر روي مولفه هاي موجود در يک صفحه وب اعمال کرد تا بتوان به صفحه ي وب جلوه هاي ويژه (مبتني بر شرايط مرورگر) بخشيد. به عنوان مثال بتوان بر روي حرکان ماوس نظارت کرد و بر اساس موقعيت ماوس جلوه هاي خاصي را ايجاد کرد.

 

 

حالتـهاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم : مثل وقتى که يک e-mail ميفرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم (peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرسهاى وب که با ".www" شروع نميشوند.

به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو?ً نيازى به وارد کردن ".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد ميکنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد. سرور اغلب سايت را حتى بدون پيشوند تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب (ping) مي کند.طراحی وب سایت حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود. اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايتتان را پيدا نکنيد.

يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد « در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده ». در حال حاضر کاربران، سايتها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند .

Posted in Showcases, Uncategorized, Useful Tips, WordPress Themes

 

 

Education rules the nation! Kindergartens, schools, colleges, universities give us a chance to become a part of social life. They broaden our horizons and teach us how to be who we are. Some people spend the whole life studying something, mastering their skills and increasing their IQ level.

 

The reason why we decided to talk about educational website design is the relevancy of this topic in the mode world. Educational websites gain their popularity day by day. Choosing the right school or kindergarten for their kids, parents mostly rely on Inteet resources. The same situation touches student audience, too. Different researches have proved that users make aesthetic decisions about the overall visual impression of any web page in as little as 50 milliseconds. The importance of first impression can play a great role for your web service. Taking into account that the potential visitors of such websites are mostly young people, website owners have to follow all the newest trends of Educational website style. A weighty part in this case also takes information. Site has to be a source of any kind of information conceing educational process, conditions and regulations.

 

 

Let us make it clear: what makes educational sites successful?

 

Call-to-action. The goal of your site is to involve more clients to your school, kindergarten, etc. Make them want to visit your institution. Show the advantages of it, use more photo and video materials.

Well-built structure. Education services tend to have a lot of content including schedules, documentation for each program, reports and so on. Make sure your content is easy to search around and features clear navigation that makes sense to your visitors.

Make it look smart. The visitors associate your website with what your school does. The better it is presented online, the better opinion the visitors will have about your work.

 

When it comes to educational templates which can fit the general view of your educational organization, it shouldn’t be a platform to show off performance everything has to be wisely balanced.

 

Today we will try to showcase you the most popular educational trends in design based on our templates collection that you may find interesting to apply for your future service:

 

  Vivid And Eye-Catchy Design

 

Bright design better suits educational sites for kids. There is nothing more friendly than colorful and jolly childish site design like this. Childhood is the happiest time for your children and they have to spend it in a friendly atmosphere.

 

طراحی وب سایت

 

2013/06/09آموزش html, آموزش طراحي سايت, طراحي سايتديدگاه ها

در سلسله آموزشهاي طراحي سايت آنلاينر به بخش سوم Event attribute در html پرداختيم.

 

در اين مقاله قصد بررسي بخش چهارم Event attribute در html  را داريم.

 

رويداد هاي موس Mouse Events

onclick : اين رويداد زماني اجرا ميشود که روي عامل مورد نظر کليک شود.

ondblclick :اين رويداد زماني اجرا ميشود که روي عامل مورد نظر دابل کليک شود.

ondrag :اين رويداد زماني اجرا ميشود که عامل مورد نظر درگ شود.

ondragend :اين رويداد در پايان عمليات درگ  اجرا ميشود.

ondragenter :اين رويداد زماني اجرا ميشود که عامل مورد نظر در مقصد معتبري درگ شود.

ondragleave :اين رويداد زماني اجرا ميشود که عامل مورد نظر توسط درگ از مکان معتبر خود خارج شود.

ondragover :اين رويداد زماني اجرا ميشود که عامل درگ شده وارد منطقه معتبر شود.

ondragstart :اين رويداد زماني اجرا ميشود که عمليات درگ شروع شود.

ondrop :اين رويداد زماني اجرا ميشود که عامل درگ شده رها شود.

onmousedown :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس پايين فشرده شود.

onmousemove :اين رويداد زماني اجرا ميشود که موس حرکت داده شود.

onmouseout :اين رويداد زماني اجرا ميشود که اشاره گر موس از محدوده عامل مورد نظر خارج شود.

onmouseover :اين رويداد زماني اجرا ميشود که اشاره گر موس وارد محدوده عامل مورد نظر شود.

onmouseup :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس رها شود.

onmousewheel :اين رويداد زماني اجرا ميشود که دکمه چرخشي موس چرخش داده شود.

onscroll :اين رويداد زماني اجرا ميشود که در نوار اسکرول عامل مورد نظر اسکرول شود.

 

رويداد هاي موس در صفحات وب از اهميت خاصي برخوردارند به نحوي که هم در کارايي صفحه وب و هم در جذابيت و رفاه کاربر تاثير بسزايي دارد.

 

مثال زير کاربرد رويدادهاي onmouseup و onmousedown را به خوبي بيان ميکند

 

طراحی وب سایت

 

<!DOCTYPE html>

<html>

<head>

<script>

function mouseDown()

{

document.getElementById("p1").style.color="red";

}

 

function mouseUp()

{

document.getElementById("p1").style.color="green";

}

</script>

</head>

<body>

 

<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">

روي متن کليک کنيد.</p>

 

</body>

</html>

در مثال بالا هنگامي که روي پاراگراف کليک کنيد تابع mouseDown() رنگ متن را قرمز و با رها کردن کليد موس تابع onmouseup اجرا ميشود . اين تابع نيز رنگ متن را به سبز تغيير ميدهد

Registering a Domain

 

Domains can be registered from domain name registration companies.

 

These companies provide interfaces to search for available domain names, and they offer a variety of domain name extensions that can be registered at the same time.

Choosing a Domain Name

 

Choosing a domain name is a major step for any individual or organization.

 

New domain name extensions and creative thinking still offer thousands of excellent domain names!

 

When choosing a name, it is important to consider the purpose of a domain name, which is to provide an easy way to reach your web site.

 

The best domains have the following characteristics:

 

Short - People don't like to type! A short domain name is easier to type, read, and remember.

 

Meaningful - A short domain is nothing without meaning, 34i4nh.com is not easy to enter or to remember. Select a domain that relates to your site in a way that people will understand.

 

Clear - Clarity is important when selecting a domain name. Avoid a name that is difficult to spell or pronounce.

 

Exposure - Names that are short and easy to remember are an asset. In addition to visitors, also consider search engines. Search engines index your site and rank it for relevance against terms people search for. In order to maximize your sites exposure, consider including a relevant search term in your domain. Of course, only consider this if it still maintains a short, clear and meaningful domain name.

Sub Domains

 

Most people are unaware that they use sub domains daily. The famous "www" of the World Wide Web is an example of a sub domain. Sub domains can be created on a DNS server, and they don't need to be registered with a domain name registrar, of course, the original domain name needs to be registered before a sub domain could be created.

 

Examples of sub domains used on the inteet are http://store.apple.com and http://support.microsoft.com.

 

Sub domains can be requested from your web hosting provider.

False Domain Names - Directory Listings

 

Some providers will offer you a name under their own name, like:  www.theircompany.com/yourcompany/

 

This is not a real domain name, it is a directory - and you should try to avoid it.

 

Directory domains are not desirable, especially for companies.

 

Typically, directory domains are used for personal web sites and free web sites provided by an ISP, you may have seen www.theircompany.com/~useame as an address.

 

Competition in domain name registration has resulted in a dramatic decrease in pricing, so domain sharing is not common, since it is possible to register a domain name for only $15 per year.

Expired Domains

 

Another source for domain registrations is expired domains.

 

When you register a domain, think of it as a rental, assuming there are no legal or trademark issues with the domain name, you are free to use it as long as you continue to pay the yearly fee (you can now register in advance as many as 10 years). Some people register domains as speculators, hoping that they can later sell them, while others may have plaed to use a domain and never had the time. The result is that domains that were previously registered, become available again.

Use Your Domain Name

 

After you have chosen and registered your own domain name, make sure you use it on all your web pages, and on all your correspondence, like e-mail and traditional mail.

 

It is important to let other people be aware of your domain name, and to inform your partners and customers about your web site.